.box {
    .main {
        .course-box {
            .week {
                display: flex;
                .item:first-child {
                    flex: 0.62;
                    // border-bottom: 1px solid black;
                    border-left: 0;
                }
                .item {
                    text-align: center;
                    font-size: 12px;
                    background-color: rgb(235, 235, 235);
                    flex: 1;
                    // border-left: 1px solid black;
                    height: 40px;
                    line-height: 40px;
                }
            }
        }
        .content {
            display: flex;

            .time {
                .time-item:first-child {
                    margin-top: 0px;
                }
                // flex: 0.2;
                .time-item {
                    background-color: rgb(235, 235, 235);
                    text-align: center;
                    margin-top: 6px;
                    height: 60px;
                    width: 30px;
                    line-height: 40px;
                    // border-bottom: 1px solid black;
                }
            }

            .course {   
                width: 100%;
                .course-item {
                    color: white;
                    border-radius: 14px;
                    text-align: center;
                    position: absolute;
                    font-size: 13px;
                    // width: 46px;
                    // width: 46rpx;
                    flex-direction: column;
                    .name {
                        line-height: 40px;
                        height: 40px;
                    }
                    .weekDemo {
                        height: 20px;
                    }
                    .address {
                        height: 20px;
                    }
                    .teacher {
                        height: 20px;
                    }
                }
            }
        }
    }
}